<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#text2{
				color: orange;
			}
			.box2{
				color: red;
			}
			/* id如果是用来作为css的选择器使用，那么属性值不能是纯数字开头，下面的写法不对 */
			#1{
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<p id="1">我是段落1</p>
		<p id="text2" class="box2">我是段落2</p>
		<p id="text3">我是段落3</p>
		<p>我是段落4</p>
	</body>
</html>
<!-- 
id选择器和class选择器的相同和不同点
相同点：都可以区分相同的标签，实现不同的css样式
不同点：
1、class选择器的语法是.属性值{}  id是#属性值{}
2、class选择器的权重是0010，id的选择器权重是0100
3、class的属性值可以是多个，但是id的属性值是唯一的

常常的用法： 当写css样式的时候多用class选择器，id主要用来后面的js操作
 
 
 -->